草庐IT

HTML5 标签顺序

全部标签

javascript - RiotJS - 如何使用 Observable 模式在子标签之间传递事件?

我不太确定我是否正确理解了可观察对象的工作方式以及如何从挂载的标签中获取引用。我有一个组件。在这个组件中,我们有一个组件和一个组件。目的是避免组件之间的耦合。因此,我希望我的搜索组件在搜索完成(单击按钮)时触发一个事件。此事件应由组件捕获,该组件将根据搜索过滤集合数据。index.html文件使用以下方式加载标签:index.htmlriot.mount(".content","page",null);页面定义如下:page.js组件脚本的简要定义如下:search.jsvarself=this;riot.observable(self);self.filtering=function

javascript - 反转字符串而不改变句子中单词的顺序

我的代码:我尝试了下面的代码,但单词的顺序正在改变varstr="WelcometomyWebsite!";alert(str.split("").reverse().join(""));结果为!etisbeWymotemocleW但是我需要这样的结果emocleWotymetisbeW!也就是说,我不想改变词序。 最佳答案 使用这个:varstr="WelcometomyWebsite!";alert(str.split("").reverse().join("").split("").reverse().join(""));

javascript - 如何让正则表达式匹配多个脚本标签?

我正在尝试返回文本正文中任何标签的内容。我目前正在使用以下表达式,但它只捕获第一个标记的内容并忽略之后的任何其他内容。这是html的示例:alert('1');Testalert('2');我的正则表达式是这样的://scripttextcontainsthesamplere=/]*>([\s\S]*?)/gm;varscripts=re.exec(scripttext);当我在IE6上运行它时,它返回2个匹配项。第一个包含完整标记,第二个包含alert('1')。当我在http://www.pagecolumn.com/tool/regtest.htm上运行它时它给了我2个结果,每个

javascript - 在 html/javascript 中将百分比转换为小数

Javascript:varvalidate(s)=s.match^(100(?:\.0{1,2})?|0*?\.\d{1,2}|\d{1,2}(?:\.\d{1,2})?)%$!=null;varstr=value.match(/\/\/%//g);if(converted==NaN){alert('Inputwasnotanumber');}elseif(converted!=null){varfracToDecimal=eval(value);alert(fracToDecimal);}elseif(converted=str){varpercToDecimal=value/10

javascript - Webpack 注入(inject)脚本以在生产中索引 html 文件

我有一个索引html文件,我需要在生产环境中注入(inject)额外的脚本。使用gulp我可以使用像gulpinject这样的插件来做到这一点,我如何使用webpack来做到这一点?例如://Iwantthisscriptonlyintheproductionindexhtmlfile 最佳答案 你可以使用gulp-inject-webpack插件https://www.npmjs.com/package/gulp-inject-webpack-plugin 关于javascript-W

javascript - 在 HTML 中嵌入 PDF 字节数据

这应该有效,但似乎我遗漏了什么。我在本地驱动器上有一个pdf文件。显然Chrome和其他浏览器无法获取该本地URL,因为它是沙盒化的,所以我有一个servlet从本地驱动器中提取数据并通过ajax调用将其发送回Web客户端。我没有收到任何错误,似乎正在加载pdf查看器,但文件本身不会显示。我提前编码了,但还是不行。我将在下面展示我的众多方法,但我不会包括servlet代码,因为它似乎有效。尝试1:functionembedFile(){$.get("FileGetter",function(pdfText){varbase64EncodedPDF=b64EncodeUnicode(pd

javascript - 在javascript html5音频预加载上取消了http请求

我正在尝试使用javascript预加载音频文件。我正在使用Chrome,当文件数量增加时,chrome取消了我文件的http请求...为什么?我能做什么?这是我的代码:filesToLoad=44;filesLoaded=0;for(varni=1;ni=filesToLoad){cb();}console.log("load:::"+ServerPath+'audio/'+filesLoaded+'.mp3');}functioncb(){alert("loaded");} 最佳答案 我正在尝试做同样的事情。我预加载了12个音频

html - 从 chrome 的扩展内容脚本访问 iframe 内容

我正在做一个插件来对界面进行一些转换。我不断收到unsafejavascriptattempttoaccessframewithurl....Domains,protocolsandportsmustmatch(典型的跨站点问题)但作为一个扩展,它应该可以访问iframe的内容http://code.google.com/chrome/extensions/content_scripts.html...有谁知道如何访问它的内容以便可以捕获它们? 最佳答案 通常没有直接的方法来访问不同来源的window对象。如果您想在不同框架中的内容

JavaScript,使用函数更改 HTML <p> 标记中显示的文本

我有一个HTML5Canvas,它在Canvas下方的页面上显示了一些图像和一段文本。我希望根据用户单击的图像更新段落中的文本以显示JS数组中的不同元素。目前,我有一个“鼠标按下”功能,如下所示:_mousedown:function(evt){this._setUserPosition(evt);varobj=this.getIntersection(this.getUserPosition());if(obj&&obj.shape){varshape=obj.shape;this.clickStart=true;shape._handleEvent('mousedown',evt)

javascript - 使用 Angular.js 从现有 HTML 中提取数据

angular.js非常适合基于客户端JavaScript的复杂Web应用程序,但我也在考虑将它用于更小的简单JavaScript任务。例如我有一个包含一些项目的列表:FooBar现在我想向HTML添加一些按钮,这些按钮应该在一些用户输入后过滤和/或排序列表,这应该是一个简单的任务。有什么方法可以从现有的HTML元素中提取数据以将它们与angular.js一起使用吗?数据需要在HTML中,这样搜索引擎也可以得到什么为清楚起见编辑:最终结果是ul列表中的数据将被推送到处理该列表的Controller模型中。([{id:1,text:"Foo"},{id:2,text:"Bar"}])如果